<template>
    <div>
        <div class="i-layout-page-header">
            <PageHeader class="product_tabs" title="清除数据" hidden-breadcrumb>
                <div slot="content">
                    <div class="clear_tit">
                        <Icon type="md-information-circle" color="#ED4014"/>
                        <span>清除数据请谨慎，清除就无法恢复哦！</span>
                    </div>
                </div>
            </PageHeader>
        </div>
        <Card :bordered="false" dis-hover class="ivu-mt">
            <Row type="flex" :gutter="24">
                <Col v-bind="grid" class="mb20" v-for="(item, index) in tabList" :key="index">
                    <div class="clear_box">
                        <span class="clear_box_sp1" v-text="item.title"></span>
                        <span class="clear_box_sp2" v-text="item.tlt"></span>
                        <Button :type="item.typeName" v-text="item.typeName === 'primary'?'立即更换': '立即清理'" @click="onChange(item)"></Button>
                    </div>
                </Col>
            </Row>
        </Card>
       <!-- 更换域名-->
        <Modal v-model="modals" class="tableBox" scrollable  closable title="更换域名" :mask-closable="false">
            <div class="acea-row row-column">
                <span>请输入需要替换的域名，格式为：http://域名。</span>
                <span>替换规则：会使用当前[设置]里面的[网站域名]去替换成当前您输入的域名。</span>
                <span class="mb15">替换成功后再去更换[网站域名]。</span>
                <Input v-model="value6" type="textarea" :rows="4" placeholder="请输入网站域名..." />
            </div>
            <div slot="footer">
                <Button type="primary" size="large" long  @click="changeYU">确定</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    import { replaceSiteUrlApi } from '@/api/system';
    export default {
        name: 'systemCleardata',
        data () {
            return {
                value6: '',
                modals: false,
                grid: {
                    xl: 6,
                    lg: 8,
                    md: 12,
                    sm: 24,
                    xs: 24
                },
                tabList: [
                    {
                        title: '更换域名',
                        tlt: '替换所有本地上传的图片域名',
                        typeName: 'primary',
                        type: '11'
                    },
                    {
                        title: '清除用户生成的临时附件',
                        tlt: '清除用户生成的临时附件，不会影响商品图',
                        typeName: 'error',
                        type: 'temp'
                    },
                    {
                        title: '清除回收站商品',
                        tlt: '清除回收站商品，谨慎操作',
                        typeName: 'error',
                        type: 'recycle'
                    },
                    {
                        title: '清除用户数据',
                        tlt: '用户相关的所有表都将被清除，谨慎操作',
                        typeName: 'error',
                        type: 'user'
                    },
                    {
                        title: '清除商城数据',
                        tlt: '清除商城数据，谨慎操作',
                        typeName: 'error',
                        type: 'store'
                    },
                    {
                        title: '清除商品分类',
                        tlt: '会清除所有商品分类，谨慎操作',
                        typeName: 'error',
                        type: 'category'
                    },
                    {
                        title: '清除订单数据',
                        tlt: '清除用户所有订单数据，谨慎操作',
                        typeName: 'error',
                        type: 'order'
                    },
                    {
                        title: '清除客服数据',
                        tlt: '清除添加的客服数据，谨慎操作',
                        typeName: 'error',
                        type: 'kefu'
                    },
                    {
                        title: '清除微信数据',
                        tlt: '清除微信菜单保存数据，微信关键字无效回复',
                        typeName: 'error',
                        type: 'wechat'
                    },
                    {
                        title: '清除微信用户',
                        tlt: '清除用户表和微信用户表,谨慎操作',
                        typeName: 'error',
                        type: 'wechatuser'
                    },
                    {
                        title: '清除内容分类',
                        tlt: '清除添加的文章和文章分类,谨慎操作',
                        typeName: 'error',
                        type: 'article'
                    },
                    {
                        title: '清除所有附件',
                        tlt: '清除所有附件用户生成和后台上传,谨慎操作',
                        typeName: 'error',
                        type: 'attachment'
                    },
                    {
                        title: '清除系统记录',
                        tlt: '清除系统记录,谨慎操作',
                        typeName: 'error',
                        type: 'system'
                    }
                ]
            }
        },
        methods: {
            // 清除数据
            onChange (item) {
                if (item.type === '11') {
                    this.modals = true;
                } else {
                    this.clearFroms(item)
                }
            },
            clearFroms (item) {
                let delfromData = {
                    title: item.title,
                    url: `system/clear/${item.type}`,
                    method: 'get',
                    ids: ''
                };
                this.$modalSure(delfromData).then((res) => {
                    this.$Message.success(res.msg);
                }).catch(res => {
                    this.$Message.error(res.msg);
                });
            },
            // 更换域名
            changeYU () {
                replaceSiteUrlApi({ url: this.value6 }).then(res => {
                    this.modals = false;
                    this.$Message.success(res.msg);
                }).catch(res => {
                    this.$Message.error(res.msg);
                })
            }
        }
    }
</script>

<style scoped lang="stylus">
    .clear_tit
        display flex
        align-items center
        span
            font-size 14px
            color #ED4014
            margin: 15px 0
    .clear_box
        border 1px solid #DADFE6
        border-radius 3px
        display flex
        flex-direction column
        align-items: center
        padding 30px 10px
        box-sizing border-box
        .clear_box_sp1
            font-size 16px
            color #000000
            display block
        .clear_box_sp2
            font-size 14px
            color #808695
            display block
            margin: 12px 0
    .clear_box >>> .ivu-btn-error
        color: #fff;
        background-color: #ED4014;
        border-color: #ED4014;
    .product_tabs >>> .ivu-page-header-title
        margin-bottom 0!important
</style>
